<template>
  <div id="hot-article">
    <div class="line-10"></div>
    <dl class="label">
      <dt><i class="el-icon-third-biaoqian mr-5"></i><span class="bold">标签</span></dt>
      <div class="line"></div>
      <template v-for="item in this.articleLabel">
          <router-link :key="item.id" :to="{path: '/category/' + item.id}">
            {{item.name}}({{item.count}})
          </router-link>
      </template>
    </dl>
  </div>
</template>

<script>

  export default {
    name: "ArticleLabel",
    props: {
      articleLabel: null,
    }
  }
</script>

<style scoped>

  .label a {
    opacity: 0.7;
    font-weight: unset;
  }

</style>
